<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>班组类别设置</title>
  <link rel="stylesheet" href="../../../lib/bootstrap-3.3.7-dist/css/bootstrap.min.css"/>
  <link rel="stylesheet" href="../../../lib/bootstrap-table-dist/dist/css/bootstrap-table.min.css"/>
  <link rel="stylesheet" href="../../../lib/zui/zui.css">
  <link rel="stylesheet" href="../../../lib/datetimepicker/css/datetimepicker.min.css">
  <link rel="stylesheet" href="teamType.css">
</head>
<body>
<div id="basicData">
  <!-- 面包屑 -->
  <ol class="breadcrumb">
    <i class="icon icon-th-list"></i>
    <li class=""><a href="#">基本数据管理</a></li>
    <li><a href="#">班组类别设置</a></li>
  </ol>
  <!-- 管理 -->
  <!--  班组类别 -->
  <div class="container">
    <div class="row">
      <div class="col-md-4">
        <div class="manage">
          <ul class="nav nav-primary">
            <li class="active tclass"><a href="#">班组类别管理</a></li>
            <li class="tname"><a href="#">班组名称管理</a></li>
          </ul>
        </div>
      </div>
      <div class="col-md-2 col-md-offset-6 text-right" id="selectorHideShowBtn">
        <span>隐藏条件</span>
        <span class="icon icon-double-angle-up"></span>
      </div>
      <div class="row">
        <div class="col-md-12 content_container">

          <!--todo 班组类别管理 -->
          <div class="class_content_container">
            <div class="selector_container">
              <form class="form-inline">
                <div class="form-group">
                  <label for="team_class_selector_className">班组类别：</label>
                  <select id="team_class_selector_className" data-name="typename"
                         class="form-control" placeholder="请输入班组类别"></select>
                </div>
                <div class="form-group">
                  <button class="btn btn-primary query_btn" id="teamClassQueryBtn">查询</button>
                  <span class="clear_form">清除条件</span>
                </div>
              </form>
            </div>
            <div class="add_btn_container">
              <button class="btn btn-default" onclick="addTeam(this)">新增班组类别</button>
              <div class="add_class_container">
                <p class="add_type_title">新增班组类别</p>

                <div class="form-group add_type_form row">
                  <label for="addTeamClass" class="col-md-4 text-right">类别名:</label>

                  <div class="col-md-8">
                    <input type="text" class="form-control" id="addTeamClass" data-name="typename"
                           placeholder="输入新增工程类别名"/>
                  </div>
                </div>
                <div class="add_close_btn text-center">
                  <button class="btn btn-primary add_btn">添加</button>
                  <button class="btn btn-primary close_btn">取消</button>
                </div>
              </div>
            </div>
            <div class="table_container">
              <table id="teamClassTable" class="table table-no-bordered"
                     data-search="false"
                     data-striped="true"
                     data-query-params="myQueryParams"
                     data-page-list="[8, 16, 30, 100, ALL]"
                     data-side-pagination="server"
                     data-id-field="id"
                     data-response-handler="teamClassResHandler"
                     data-show-footer="false">
                <thead>
                <tr>
                  <th data-field="id" data-align="center" data-valign="middle">序号</th>
                  <th data-field="typename" data-align="center" data-valign="middle">班组类别</th>
                  <th data-field="move" data-align="center" data-valign="middle">移动</th>
                  <th data-field="ctime" data-align="center" data-valign="middle">创建日期</th>
                  <th data-field="handle" data-align="center" data-valign="middle" data-formatter="totalFormatter">操作
                  </th>

                </tr>
                </thead>
              </table>
            </div>
          </div>

          <!--todo 班组名称管理-->
          <div class="name_content_container">
            <div class="selector_container">
              <form class="form-inline">
                <div class="form-group">
                  <label for="team_name_selector_className">班组类别：</label>
                  <select id="team_name_selector_className" data-name=""
                         class="form-control"></select>
                </div>
                <div class="form-group">
                  <label for="team_name_selector_name">班组名称：</label>
                  <input type="text" id="team_name_selector_name"
                         class="form-control" placeholder="请输入班组名称"/>
                </div>
                <div class="form-group">
                  <button class="btn btn-primary query_btn" id="teamNameQueryBtn">查询</button>
                  <span class="clear_form">清除条件</span>
                </div>
              </form>
            </div>
            <div class="add_btn_container">
              <button class="btn btn-default" onclick="addTeam(this)">新增班组</button>
              <div class="add_class_container">
                <p class="add_type_title">新增班组类别</p>

                <div class="form-group add_type_form row">
                  <label for="addTeamName_Name" class="col-md-4 text-right">班组名:</label>

                  <div class="col-md-8">
                    <input type="text" class="form-control" id="addTeamName_Name" data-name="projectType"
                           placeholder="输入新增班组名"/>
                  </div>
                </div>
                <div class="form-group add_type_form row">
                  <label for="addTeamName_Class" class="col-md-4 text-right">类别名:</label>

                  <div class="col-md-8">
                    <select id="addTeamName_Class" class="form-control" data-name="fatherid">
                    </select>
                  </div>
                </div>
                <div class="add_close_btn text-center">
                  <button class="btn btn-primary add_btn" id="addTeamNameBtn">添加</button>
                  <button class="btn btn-primary close_btn">取消</button>
                </div>
              </div>
            </div>
            <div class="table_container">
              <table id="teamNameTable" class="table table-no-bordered"
                     data-search="false"
                     data-striped="true"
                     data-query-params="myQueryParams"
                     data-page-list="[8, 16, 30, 100, ALL]"
                     data-side-pagination="server"
                     data-pagination="true"
                     data-id-field="id"
                     data-response-handler="teamNameResHandler"
                     data-show-footer="false">
                <thead>
                <tr>
                  <th data-field="id" data-align="center" data-valign="middle">序号</th>
                  <th data-field="teamTypeName" data-align="center" data-valign="middle">班组名称</th>
                  <th data-field="supername" data-align="center" data-valign="middle">班组类别</th>
                  <th data-field="move" data-align="center" data-valign="middle">移动</th>
                  <th data-field="ctime" data-align="center" data-valign="middle">创建日期</th>
                  <th data-field="handle" data-align="center" data-valign="middle" data-formatter="totalFormatter">操作
                  </th>

                </tr>
                </thead>
              </table>
            </div>

          </div>
        </div>
      </div>
    </div>
  </div>
</div>
</body>
<script type="text/javascript" src="../../../lib/jquery/jquery-1.11.3.js"></script>
<script type="text/javascript" src="../../../lib/bootstrap-table-dist/dist/js/bootstrap-table.min.js"></script>
<script type="text/javascript"
        src="../../../lib/bootstrap-table-dist/dist/locale/bootstrap-table-zh-CN.min.js"></script>
<script type="text/javascript" src="../../../lib/zui/zui.js"></script>
<script src="../../../lib/datetimepicker/js/datetimepicker.min.js"></script>
<script src="teamType.js"></script>
</html>